html {
    font-size: 62.5% !important;
}

* {
    padding: 0;
    margin: 0;
}

.border-3 {
    border-bottom: 4px solid #ffffff;
}

.nav-title {
    padding: 20px 0;
    border-bottom: 1px solid #d0d6d9;
    font-size: 1.7rem;
}

.nav-bar {
    padding: 15px 0;
    border-bottom: 1px solid #edf1f2;
    font-size: 1.4rem;
}

.nav-bar-a {
    margin-left: 22px;
    color: black;
    padding: 4px;

}

.a-selected {
    color: #ffffff;
    background-color: #29b078;
}

.nav-bar-a:hover {
    background-color: #29b078;
    color: #ffffff;
    text-decoration: none;
}

.caption {
    padding: 20px 0;
    border-bottom: 1px solid #d0d6d9;
}

.caption h4 {
    font-weight: bold;
    font-size: 1.7rem;
}

/************************************************/
.warp-border {
    border: 1px solid #eeeded;
    background-color: #ffffff;
    padding-top: 20px;
}

.icon-people {
    float: left;

    padding: 0 10px 10px 10px;
}

.text {
    word-break: break-all;
    word-wrap:break-word;
    padding-right: 10px;

}

.text h4 {
    font-weight: bold;
    font-size: 1.7rem;
}

.text-present {
    font-size: 1.4rem;
}

.warp-class2 {

    border-top: 1px solid #eeeded;
    font-size: 1.3rem;
    overflow: hidden;
}

.warp-class2-text {
    width: 50%;
    float: left;

}

.text-border-left {
    border-left: 1px solid #eeeded;
}

.text-padding {
    padding: 10px 10px;
}

.iconfont-color {
    color: #ff5c00;

}

.leftWarp {
    width: 30%;
    float: left;
    height: 107px;
    line-height: 107px;
    color: #a9a9a9;
    text-align: center;
}

.rightWarp {
    width: 70%;
    float: left;
}

.rightWarp-class {
    overflow: hidden;
    border-bottom: 1px solid #edf1f2;
    height: 35px;
    border-left: 1px solid #edf1f2;
}

.rightWarp-year {
    float: left;
    padding-left: 20px;
    line-height: 35px;
}

.rightWarp-wages {
    float: right;
    padding-right: 10px;
    line-height: 35px;
}

.border-bottom {
    border-bottom: none;
}


.text-b {
    display: block;
    padding: 10px 10px;
}

.text-p {
    padding: 10px 10px 0 10px;
    font-size: 1.2rem;
}

.padding-bottom {
    padding-bottom: 100px;
}

.flip-container {
    position: absolute;
    left: 0;
    top: 0;
    width:100%;
    height: 100%;
    background-color: rgba(0,0,0,0.8);
    transform: rotateY(-180deg);
    backface-visibility: hidden;
    color: #ffffff;
    font-size: 1.6rem;
}

.warp-border:hover div.flip-container {

    transform: rotateY(0deg);
    transition: 1s;
}

.flip-title {
    text-align: center;
    padding-top: 30px;
}

.flip-text {
    padding: 50px 50px 0 50px;
}

.top-margin {
    margin-top: 48px;
}

.border {
    border-bottom: 4px solid #ffffff;
}

@media (max-width:  992px) {
    html{
        font-size: 54% !important;
    }
}

@media (max-width: 768px){
    html{
        font-size: 45% !important;
    }
}
.warp-class2 img{
    vertical-align: -10%;
}
